
.sidebars{

  height: 100vh;
  width: 14rem;
  background-color: red;
  max-height: 100vh;

  overflow-y: auto;
  overflow-x: visible;



  //.btn-toggle-nav a {
  //  padding: .1875rem .5rem;
  //  margin-top: .125rem;
  //  margin-left: 1.25rem;
  //}
  //.btn-toggle-nav a:hover,
  //.btn-toggle-nav a:focus {
  //  background-color: #d2f4ea;
  //}





  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 4px;  /*宽度竖滚动条的尺寸*/
    height: 10px; /*高度横滚动条的尺寸*/

  }
  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background   : #ffffff;
  }
  &::-webkit-scrollbar-thumb {
    /*滚动条里面的条*/
    border-radius: 4px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #0DB0EC;
  }




}


